<!DOCTYPE html>
<html lang='zh-cn'>
<head>
  <meta charset='utf-8' />
  <title>debit card detail</title>
  <meta content='comp7370' name='description' />
  <meta content='ukelili' name='author' />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Bootstrap -->
  <link href="./css/bootstrap.min.css" rel="stylesheet" >
  <link href="./css/jquery-ui-1.9.2.custom.css" rel="stylesheet" />
  <link href="./css/checkbox/grey.css" rel="stylesheet" />
  <link href="./css/font-awesome.min.css" rel="stylesheet" />

    <!--[if lt IE 9]>
    <link type="text/css" href="./css/custom-theme/jquery.ui.1.9.2.ie.css"  rel="stylesheet" />
    <![endif]-->
    <link href="./css/style.css" rel="stylesheet">
    <script src="./js/jquery.js"></script>
    <script src="./js/jquery.icheck.min.js"></script>

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="./js/html5shiv.js"></script>
    <script src="./js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- Wrap all page content here -->
    <div class="shade"></div>
    <div id="wrap">
      <!-- Fixed navbar -->
      <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">BANK OF XXX</a>
          </div>
          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li>
                <a   href="./accountoverview.html"  >Account Overview</a>
              </li><li>
              <a   href="./credit.html"  >Credit Card</a>
            </li><li>
            <a   href="./debit.html"  >Debit Card</a>
          </li><li>
          <a   href="./accountservices.html"  >Account Services</a>
        </li><li>
        <a   href="./customerservices.html"  >Customer Services</a>
      </li>
    </ul>
    <div class="navbar-right">
      <a href="//login/logout">Logout</a>
    </div>
  </div><!--/.nav-collapse -->
</div>
</div>
<div class="container">
	<div class="row">
		<div class="col-md-3">
			<div class="left_menu"> 
        <h4>Debit Card Mgt</h4>
        <ul class="nav ">
          <li>
            <a  node="sfid_25" href="#"><i class="icon-angle-right level1"></i><span>Debit Card Overview</span></a>
          </li>
          <li>
            <a  node="sfid_27" href="./transfer-bill.html"><i class="icon-angle-right level1"></i><span>Transfers</span></a>
          </li>
          <li>
            <a  node="sfid_27" href="#"><i class="icon-angle-right level1"></i><span>Other operation</span></a>
          </li>
        </ul>
			</div>
		</div>
		<div class="col-md-9 Credit-card-detail">
			<div class="title panel panel-default">
				<div class="panel-body">
					<h3 class="col-md-12">HKD Saving Card Detail </h3>
				</div>
			</div>

		<!--  detail  -->
		<div class="panel panel-default">
        <!-- Default panel contents -->
        <div class="panel-heading">Account Details <div class="col-13 pull-right">As at 17-11-2013</div></div>
        <!-- Table -->
        <table class="table table-bordered table-hover">
          <thead>
            <tr>
              <th aligh="left">View Account:</th>
              <th colspan="3" aligh="left">131-355424-123 HKD Savings</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Account Type:</td>
              <td>HKD Savings</td>
              <td>Overdraft Limit:</td>
              <td>N/A</td>
            </tr>
            <tr>
              <td>Account NO.:</td>
              <td>131-355424-123</td>
              <td>Account Balance:</td>
              <td>8,000.00</td>
            </tr>
            <tr>
              <td>Currency:</td>
              <td>HKD</td>
              <td>Avaliable Balance:</td>
              <td>8,000.00</td>
            </tr>
          </tbody>
        </table>
      </div>

		<!-- Transaction History -->
		<div class="panel panel-default">
        <!-- Default panel contents -->
        <div class="panel-heading">Transaction History</div>
<!--         <ul class="list-group">
    	<li class="list-group-item ">Payment information as of last statement date:</li>
		</ul> -->
        <!-- Table -->
        <form class="form-inline">
        <table class="table table-bordered">
          <thead>
            <tr>
              <th colspan="4" aligh="left" class=" success">Payment information as of last statement date:</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td rowspan="2">Period:</td>
                            <td colspan="3"><span>From</span><input id="start_date" name="start_date" type="date"  check="require" class="form-control input-date" msg="请输入结束日期" style="width: 200px; margin: 0 12px;"> <span>To</span> <input type="date" id="end_date" name="end_date" class="form-control input-date" check="require" msg="请输入结束日期" style="width: 200px; margin: 0 12px;"></td>
            </tr>
            <tr><td> <div class="col-15 pull-right"><button type="submit" class="btn btn-primary btn-sm btn-block">OK</button></div></td></tr>
          </tbody>
        </table>
    </form>
	<table class="table table-bordered table-hover">
        <thead>
          <tr>
			<th colspan="4" aligh="left" class="success" >Transactions billed</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Transaction Date</td>
            <td>Post Date</td>
            <td>Activity</td>
            <td>Amount(HKD)</td>
          </tr>
          <tr>
            <td>04-10-2013</td>
            <td>07-10-2013</td>
            <td>SALES:APPLE ITUNES STORE-HKD ITUNES.COM HK</td>
            <td>15</td>
          </tr>
          <tr>
            <td>04-10-2013</td>
            <td>07-10-2013</td>
            <td>SALES:APPLE ITUNES STORE-HKD ITUNES.COM HK</td>
            <td>15</td>
          </tr>
          <tr>
            <td>04-10-2013</td>
            <td>07-10-2013</td>
            <td>SALES:APPLE ITUNES STORE-HKD ITUNES.COM HK</td>
            <td>15</td>
          </tr>
        </tbody>
      </table>

      </div>

		</div>
	</div>
	<div id="push_msg"></div>				
</div>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="./js/common.js"></script>
</body>
</html>